Create a modern and fully responsive UI/UX website with Next.js 14 and Tailwind

ΠŸΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ
HTML-ΠΊΠΎΠ΄
  • ΠžΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½ΠΎ: 11 сСн 2024
  • πŸš€ Ready to build a sleek, responsive website with Next.js 14? Join me in this hands-on tutorial where we'll explore the latest features and create a modern UI/UX masterpiece. Perfect for both beginners and pros looking to level up their skills! πŸ’»βœ¨
    My Website: www.janmarshal...
    Follow me on Twitter: / janmarshaldev
    Github Repo: www.janmarshal...
    Figma File: www.figma.com/...
    #figma #nextjs14 #uiux

ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ • 53

Π‘Π»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅
АвтовоспроизвСдСниС
Figma Style Guide to Tailwind CSS | Build websites faster41:12Figma Style Guide to Tailwind CSS | Build websites faster
Figma Style Guide to Tailwind CSS | Build websites fasterDiego Cabrera
ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ΠΎΠ² 9 тыс.
UX/UI Design Tutorial in Figma - Design Modern Website from Scratch56:30UX/UI Design Tutorial in Figma - Design Modern Website from Scratch
UX/UI Design Tutorial in Figma - Design Modern Website from Scratchuxpeak
ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ΠΎΠ² 81 тыс.
All 17 React Best Practices (IMPORTANT!)1:46:11All 17 React Best Practices (IMPORTANT!)
All 17 React Best Practices (IMPORTANT!)ByteGrad
ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ΠΎΠ² 129 тыс.
NickEh30 reacts to Doom Event in Fortnite!37:04NickEh30 reacts to Doom Event in Fortnite!
NickEh30 reacts to Doom Event in Fortnite!Nick Eh 30
ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ΠΎΠ² 1 ΠΌΠ»Π½
Watch the full Second Presidential Debate Hosted by ABC1:45:00Watch the full Second Presidential Debate Hosted by ABC
Watch the full Second Presidential Debate Hosted by ABCCNN
ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ΠΎΠ² 3,2 ΠΌΠ»Π½
GLOVES OFF: CANELO vs. BERLANGA | Episode 111:39GLOVES OFF: CANELO vs. BERLANGA | Episode 1
GLOVES OFF: CANELO vs. BERLANGA | Episode 1Premier Boxing Champions
ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ΠΎΠ² 290 тыс.
Destiny Situation Just Got Crazier58:23Destiny Situation Just Got Crazier
Destiny Situation Just Got CrazierDatto
ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ΠΎΠ² 333 тыс.
Build any layout with tailwind | crash course34:28Build any layout with tailwind | crash course
Build any layout with tailwind | crash courseHitesh Choudhary
ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ΠΎΠ² 75 тыс.
Is Next.js better than Remix.run? | Next.js vs Remix in 202411:20Is Next.js better than Remix.run? | Next.js vs Remix in 2024
Is Next.js better than Remix.run? | Next.js vs Remix in 2024Jan Marshal
ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ΠΎΠ² 9 тыс.
Creating a Navigation Bar with Next.js & Tailwind CSS: A Step-by-Step Guide30:51Creating a Navigation Bar with Next.js & Tailwind CSS: A Step-by-Step Guide
Creating a Navigation Bar with Next.js & Tailwind CSS: A Step-by-Step GuideBrett Westwood - Software Engineer
ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ΠΎΠ² 29 тыс.
How to Build a UX Design Portfolio Website with Framer | 2024 Tutorial20:57How to Build a UX Design Portfolio Website with Framer | 2024 Tutorial
How to Build a UX Design Portfolio Website with Framer | 2024 TutorialAliena Cai
ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ΠΎΠ² 28 тыс.
These CSS PRO Tips & Tricks Will Blow Your Mind!8:48These CSS PRO Tips & Tricks Will Blow Your Mind!
These CSS PRO Tips & Tricks Will Blow Your Mind!Coding2GO
ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ΠΎΠ² 292 тыс.
Don't Use JS for That: Moving Features to CSS and HTML by Kilian Valkhof33:51Don't Use JS for That: Moving Features to CSS and HTML by Kilian Valkhof
Don't Use JS for That: Moving Features to CSS and HTML by Kilian ValkhofJSConf
ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ΠΎΠ² 78 тыс.
Aerospace Is The Best Tiling Window Manager I've Tried On macOS24:23Aerospace Is The Best Tiling Window Manager I've Tried On macOS
Aerospace Is The Best Tiling Window Manager I've Tried On macOSJosean Martinez
ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ΠΎΠ² 77 тыс.
Build Your UI Component Library in React & Next.js | ShadCN UI for Beginners22:37Build Your UI Component Library in React & Next.js | ShadCN UI for Beginners
Build Your UI Component Library in React & Next.js | ShadCN UI for BeginnersDave Gray
ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ΠΎΠ² 35 тыс.
My Problem with Next.js...10:24My Problem with Next.js...
My Problem with Next.js...Jan Marshal
ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ΠΎΠ² 2,6 тыс.
Π•Π²Π³Π΅Π½ΠΈΠΉ ΠšΡƒΠ·Π½Π΅Ρ†ΠΎΠ² ΠΊΠΎΠ³ΠΎ-Ρ‚ΠΎ Π½Π°ΠΌ сильно Π½Π°ΠΏΠΎΠΌΠΈΠ½Π°Π΅Ρ‚πŸ€¬πŸ”₯ #КΠ₯Π›00:12Π•Π²Π³Π΅Π½ΠΈΠΉ ΠšΡƒΠ·Π½Π΅Ρ†ΠΎΠ² ΠΊΠΎΠ³ΠΎ-Ρ‚ΠΎ Π½Π°ΠΌ сильно Π½Π°ΠΏΠΎΠΌΠΈΠ½Π°Π΅Ρ‚πŸ€¬πŸ”₯ #КΠ₯Π›
Π•Π²Π³Π΅Π½ΠΈΠΉ ΠšΡƒΠ·Π½Π΅Ρ†ΠΎΠ² ΠΊΠΎΠ³ΠΎ-Ρ‚ΠΎ Π½Π°ΠΌ сильно Π½Π°ΠΏΠΎΠΌΠΈΠ½Π°Π΅Ρ‚πŸ€¬πŸ”₯ #КΠ₯Π›ΠšΠ₯Π›
ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ΠΎΠ² 207 тыс.
Π’ гостях Баня Π‘ΡƒΠ»ΠΊΠΈΠ½! #вопросрСбром00:46Π’ гостях Баня Π‘ΡƒΠ»ΠΊΠΈΠ½! #вопросрСбром
Π’ гостях Баня Π‘ΡƒΠ»ΠΊΠΈΠ½! #вопросрСбромGazgolder
ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ΠΎΠ² 97 тыс.
a hornet bit me on the nose πŸ‘ƒπŸ˜‚00:16a hornet bit me on the nose πŸ‘ƒπŸ˜‚
a hornet bit me on the nose πŸ‘ƒπŸ˜‚Nadir Show
ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ΠΎΠ² 2,2 ΠΌΠ»Π½
ΠŸΠΎΡ‡Π΅ΠΌΡƒ Ρ…Π°ΠΌΡ‹ Π΄ΠΎΠ»Π³ΠΎ Π½Π΅ ΠΆΠΈΠ²ΡƒΡ‚? #Ρ‚ΠΈΠΏΡ‹Π»ΡŽΠ΄Π΅ΠΉ #психология #ΠΎΠ±Ρ‰Π΅Π½ΠΈΠ΅ #психоанализ00:19ΠŸΠΎΡ‡Π΅ΠΌΡƒ Ρ…Π°ΠΌΡ‹ Π΄ΠΎΠ»Π³ΠΎ Π½Π΅ ΠΆΠΈΠ²ΡƒΡ‚? #Ρ‚ΠΈΠΏΡ‹Π»ΡŽΠ΄Π΅ΠΉ #психология #ΠΎΠ±Ρ‰Π΅Π½ΠΈΠ΅ #психоанализ
ΠŸΠΎΡ‡Π΅ΠΌΡƒ Ρ…Π°ΠΌΡ‹ Π΄ΠΎΠ»Π³ΠΎ Π½Π΅ ΠΆΠΈΠ²ΡƒΡ‚? #Ρ‚ΠΈΠΏΡ‹Π»ΡŽΠ΄Π΅ΠΉ #психология #ΠΎΠ±Ρ‰Π΅Π½ΠΈΠ΅ #ΠΏΡΠΈΡ…ΠΎΠ°Π½Π°Π»ΠΈΠ·ΠŸΡΠΈΡ…ΠΎΠ»ΠΎΠ³ Π’Π΅Ρ€ΠΎΠ½ΠΈΠΊΠ° Π‘Ρ‚Π΅ΠΏΠ°Π½ΠΎΠ²Π°
ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ΠΎΠ² 90 тыс.
Π¨ΠΎΠΊ. Никокадо Авокадо ΠΏΠΎΡ…ΡƒΠ΄Π΅Π» Π½Π° 110 ΠΊΠ³00:44Π¨ΠΎΠΊ. Никокадо Авокадо ΠΏΠΎΡ…ΡƒΠ΄Π΅Π» Π½Π° 110 ΠΊΠ³
Π¨ΠΎΠΊ. Никокадо Авокадо ΠΏΠΎΡ…ΡƒΠ΄Π΅Π» Π½Π° 110 ΠΊΠ³MysteryForce
ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ΠΎΠ² 4,3 ΠΌΠ»Π½
😲 Π“Π°ΠΈΡˆΠ½ΠΈΠΊ ΡˆΠΎΠΊΠΈΡ€ΠΎΠ²Π°Π» водитСля ΠœΠ΅Ρ€ΡΠ΅Π΄Π΅ΡΠ° Ρ‚Π°ΠΊΠΈΠΌΠΈ новостями! | Новостничок00:26😲 Π“Π°ΠΈΡˆΠ½ΠΈΠΊ ΡˆΠΎΠΊΠΈΡ€ΠΎΠ²Π°Π» водитСля ΠœΠ΅Ρ€ΡΠ΅Π΄Π΅ΡΠ° Ρ‚Π°ΠΊΠΈΠΌΠΈ новостями! | Новостничок
😲 Π“Π°ΠΈΡˆΠ½ΠΈΠΊ ΡˆΠΎΠΊΠΈΡ€ΠΎΠ²Π°Π» водитСля ΠœΠ΅Ρ€ΡΠ΅Π΄Π΅ΡΠ° Ρ‚Π°ΠΊΠΈΠΌΠΈ новостями! | ΠΠΎΠ²ΠΎΡΡ‚Π½ΠΈΡ‡ΠΎΠΊΠΠžΠ’ΠžΠ‘Π’ΠΠ˜Π§ΠžΠš
ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ΠΎΠ² 4 ΠΌΠ»Π½
ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΈΠ» Π›Π°ΠΉΡ„Ρ…Π°ΠΊ ΠžΠ“ΠžΠΠ¬-Π’Π Π•ΠΠ˜Π•Πœ Π‘Π°Ρ…Π°Ρ€+ΠœΠ°Ρ€Π³Π°Π½Ρ†ΠΎΠ²ΠΊΠ° #фрост #shorts #frost #Π»Π°ΠΉΡ„Ρ…Π°ΠΊΠΈ #Π»Π°ΠΉΡ„Ρ…Π°ΠΊ #Π²Ρ‹ΠΆΠΈΠ²Π°Π½ΠΈΠ΅00:56ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΈΠ» Π›Π°ΠΉΡ„Ρ…Π°ΠΊ ΠžΠ“ΠžΠΠ¬-Π’Π Π•ΠΠ˜Π•Πœ Π‘Π°Ρ…Π°Ρ€+ΠœΠ°Ρ€Π³Π°Π½Ρ†ΠΎΠ²ΠΊΠ° #фрост #shorts #frost #Π»Π°ΠΉΡ„Ρ…Π°ΠΊΠΈ #Π»Π°ΠΉΡ„Ρ…Π°ΠΊ #Π²Ρ‹ΠΆΠΈΠ²Π°Π½ΠΈΠ΅
ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΈΠ» Π›Π°ΠΉΡ„Ρ…Π°ΠΊ ΠžΠ“ΠžΠΠ¬-Π’Π Π•ΠΠ˜Π•Πœ Π‘Π°Ρ…Π°Ρ€+ΠœΠ°Ρ€Π³Π°Π½Ρ†ΠΎΠ²ΠΊΠ° #фрост #shorts #frost #Π»Π°ΠΉΡ„Ρ…Π°ΠΊΠΈ #Π»Π°ΠΉΡ„Ρ…Π°ΠΊ #Π²Ρ‹ΠΆΠΈΠ²Π°Π½ΠΈΠ΅FROST
ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ΠΎΠ² 2,7 ΠΌΠ»Π½
FTX & SBF deal, Apple’s next-gen phone, crypto ATM crackdown ⚑️ Hamster News02:40FTX & SBF deal, Apple’s next-gen phone, crypto ATM crackdown ⚑️ Hamster News
FTX & SBF deal, Apple’s next-gen phone, crypto ATM crackdown ⚑️ Hamster NewsHamster Kombat
ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ΠΎΠ² 8 ΠΌΠ»Π½